<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<meta name="keywords" content="前端模板">
<meta name="description" content="前端模板">

<script src="/view/front/static/js/jquery/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="/view/front/static/layui/layui.js" type="text/javascript"></script>
<script src="/view/front/static/js/index/index.js" type="text/javascript"></script>
<script src="/view/front/static/js/index/freezeheader.js" type="text/javascript"></script>
<script src="/view/front/static/layui/lay/modules/layer.js" type="text/javascript"></script>
<script src="/view/front/static/js/index/sliders.js" type="text/javascript"></script>
<script src="/view/front/static/js/index/html5.js" type="text/javascript"></script>
<link rel="stylesheet" href="/view/front/static/layui/css/layui.css" media="all"/>
<link rel="stylesheet" href="/view/front/static/layui/css/modules/layer/default/layer.css"/>
<link rel="stylesheet" href="/view/front/static/css/global.css"/>
<script type="text/javascript">
$(function(){
	var oLi = document.getElementById("tab").getElementsByTagName("li");
	var oUl = document.getElementById("ms-main").getElementsByTagName("div");
	for(var i = 0; i < oLi.length; i++)
	{
		oLi[i].index = i;
		oLi[i].onmouseover = function ()
		{
			for(var n = 0; n < oLi.length; n++) oLi[n].className="";
			this.className = "cur";
			for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
			oUl[this.index].style.display = "block"
		}	
	}
});
</script>
<!--
-->
</head>
<body>
<div id="divvuehtml">
<div class="layui-header header" >
  <div class="main">
    <p class="logop">学生档案数字管理系统</p>
    <ul class="layui-nav layui-nav-left" lay-filter="filter">
      <li class="layui-nav-item  nav-left">
        <a href="/view/front/index.html">军训信息</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/tyzl.html">团员资料</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/tjxx.html">体检信息</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/sxxx.html">实习信息</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/cjxx.html">成绩信息</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/zhengshu.html">证书信息</a>
      </li>
      <li class="layui-nav-item layui-this">
        <a href="/view/front/chufen.html">处分信息</a>
      </li>
      <li class="layui-nav-item">
        <a href="/view/front/jiangjin.html">奖金信息</a>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right layui-nav-right" lay-filter="filter">

      <li class="layui-nav-item">
        <a href="javascript:;"><img src="/view/front/static/images/head.jpg" class="layui-nav-img">{{userItem.name!=null ? userItem.name : userItem.account}}</a>
        <dl class="layui-nav-child">
          <dd><a href="set.html">修改信息</a></dd>
          <dd><a href="/sys/main/index.do">跳到后台管理</a></dd>
          <dd><a href="/">退了</a></dd>
        </dl>
      </li>
    </ul>
  </div>
</div>
  <div style="height:100vh;background-image: url('/static/images/logoimg.jpg');background-repeat: no-repeat;background-size: 100% 100%">

<div class="layui-container container">
  <div class="layui-col-md16">
    <div class="article-main">
      <h2>
        处分信息
      </h2>

      <table class="layui-table">
        <colgroup>
          <col width="16%">
          <col width="16%">
          <col width="16%">
          <col width="16%">
          <col width="16%">
          <col>
        </colgroup>
        <thead>
        <tr>
          <th>姓名</th>
          <th>班级</th>
          <th>处分类型</th>
          <th>处分时间</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(item,index) in menuItems" :key="index">
          <td>{{item.name}}</td>
          <td>{{item.banji}}</td>
          <td>{{item.cflx}}</td>
          <td>{{item.cfsj}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/xadmin.js"></script>
<script type="text/javascript">
  var ve = new Vue({
    el: '#divvuehtml',//绑定vue渲染范围
    data: {
      menuItems:[],//初始化资源list
      userItem:{}
    },
    created: function () {//vue在打开html前初始化创建函数
      this.inin();  //初始化菜单效果
      this.getUser();  //获取用户信息
    },mounted: function () {//初始化html完成后在进行操作
      layui.use(['table','form','layer','element'],function() {
        var form = layui.form;
        var layer = layui.layer;
        var element = layui.element;
        element.render();
      })
    },methods: {//调用函数
      inin :function (){
        $.get("/api/front/chufen/list.do",{},function(data){
          if(data.success){
            ve.menuItems = data.data.records;
          }else{
            layer.alert(data.msg,{icon:5})
          }
        },"json")
      },getUser: function(){
        $.get("/api/login/getUserInfo.do",{},function(data){
          if(data.success){
            ve.userItem = data.data;
          }else{
            layer.alert(data.msg,{icon:5})
          }
        },"json")
      }
    },updated: function () {
      layui.use('element', function(){
        var element = layui.element;
        element.render();
      });
    }
  });

</script>
</html>
